@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Aldrich);
* { margin: 0; padding: 0; border: 0 none;}
section {margin: 20px;}
h3 {display: inline-block; vertical-align: middle; font-family: 'Aldrich', sans-serif; color: #BCB589; font-size: 25px;}
input[type=radio] {
  visibility: hidden;
}
.checkbox-1, .checkbox-2 {
    display: inline-block;
    vertical-align: middle; 
	width: 40px;
	height: 40px;
	background: none;
	margin-left: 10px;
		position: relative;

    /*border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
		*/

}
.checkbox-1 label, .checkbox-2 label {
	display: block;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	
}
.checkbox-1 label{
	background-image:url(1des.png);
		width: 50px;

}
.checkbox-2 label{
	background-image:url(2des.png);
			width: 66px;

}
.checkbox-1 input[type=radio]:checked + label {
		background-image:url(1sel.png);
				width: 50px;


}
.checkbox-2 input[type=radio]:checked + label {
		background-image:url(2sel.png);
				width: 66px;


}